﻿<template>
    <div>
        
    </div>
</template>
<script setup>
import { onMounted,onBeforeMount, onBeforeUpdate, onUpdated,onBeforeUnmount, onUnmounted } from 'vue';
const curvuename = 'daughter'

console.log(`${curvuename} setup`)
onMounted(()=>{
    console.log(`${curvuename} onMounted`)
})
onBeforeMount(()=>{
    console.log(`${curvuename} onBeforeMount`)
})
onBeforeUpdate(()=>{
    console.log(`${curvuename} onBeforeUpdate`)
})
onUpdated(()=>{
    console.log(`${curvuename} onUpdated`)
})
onBeforeUnmount(()=>{
    console.log(`${curvuename} onBeforeUnmount`)
})
onUnmounted(()=>{
    console.log(`${curvuename} onUnmounted`)
})
</script>